import Vue from 'vue'
import App from './App.vue'
import router from './router'
import store from './store'
import ElementUI from 'element-ui'
import 'element-ui/lib/theme-chalk/index.css'


const messages = ['success', 'warning', 'info', 'error']
messages.forEach(type => {
  ElementUI.Message[type] = options => {
    if (typeof options === 'string') {
      options = {
        message: options
      }
      // 默认设置
      options.duration = 1000 // 显示多久,单位毫秒
      options.showClose = true // 是否显示关闭按钮
      options.offset = 200 // 距离顶部距离
    }
    options.type = type
    return ElementUI.Message(options)
  }
})

// 在路由切换时动态修改页面标题
router.beforeEach((to, from, next) => {
  document.title = to.meta.title || '默认标题'
  // 在路由切换前，滚动到页面顶部
  window.scrollTo(0, 0)
  next()
})



Vue.config.productionTip = false   //生产环境关闭 Vue 的提示功能

Vue.use(ElementUI)

new Vue({
  router,
  store, // 将 Vuex Store 注入到 Vue 实例中
  el: '#app',
  render: h => h(App),
}).$mount('#app')
